.register{
	display: flex;
	flex-direction: column;
	// 字体图标 - 引入
	@font-face{
		font-family: "iconfont";
		src: url("../../../static/fonts/iconfont.css");
	}
	// 头像
	.header{
		width: 160rpx;
		height: 160rpx;
		box-shadow: 0 0 60rpx 0 rgba(0,0,0,0.1);
		border-radius: 50%;
		background-color: #000;
		margin: 128rpx auto 72rpx;
		.img{
			width: 160rpx;
			height: 160rpx;
			border-radius: 50%;
		}
	}
	// 内容
	.main{
		display: flex;
		flex-direction: column;
		padding: 0 70rpx;
		.item{
			border: none;
			border-radius: 2.5rem;
			box-shadow: 0 0 60rpx 0 rgba(43,86,112,0.1);
			height: 36rpx;
			color: #333;
			padding: 32rpx;
			margin: 24rpx 0;
			display: flex;
			justify-content: space-between;
			.ipt{
				flex-grow: 1;
				text-align: left;
				font-size: 28rpx;
				padding-right: 10rpx;
				margin-left: 20rpx;
			}
			.icon{
				width: 32rpx;
				height: 32rpx;
				font-size: 32rpx;
				// 字体图标 - 使用
				font-family: "iconfont" !important;
			}
			.icon1::before{
				content: "\e746";
			}
			.icon2::before{
				content: "\e661";
			}
			.text{
				color: rgba(0,0,0,.7);
				font-size: 24rpx;
			}
		}
	}
	// 注册
	.btn{
		    background: rgb(53, 78, 68);
			border: none;
			border-radius: 2.5rem;
			box-shadow: 0 0 60rpx 0 rgba(0,0,0,0.2);
			color: #fff;
			font-size: 30rpx;
			width: 600rpx;
			height: 100rpx;
			line-height: 100rpx;
			text-align: center;
			margin: 96rpx auto 0;
	}
	// 协议
	.footer{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-size: 28rpx;
		margin-top: 64rpx;
		color: rgba(0,0,0,.7);
		text-align: center;
		height: 40rpx;
		line-height: 40rpx;
		.agree{
			font-size: 24rpx;
			margin: 0 14rpx;
			// 字体图标 - 使用
			font-family: "iconfont" !important;
			font-style: normal;
		}
		.circle::before{
			content: "\e600";
		}
		.dot::before{
			content: "\e60f";
		}
	}
}